<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>活动介绍</title>
<meta name="viewport" content="height=device-height,width=device-width, initial-scale=1.0, maximum-scale=1.0 maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="__PUBLIC__/Invitation/css/idangerous.swiper.css">
<link rel="stylesheet" href="__PUBLIC__/Invitation/css/ship.css">
<link rel="stylesheet" href="__PUBLIC__/Invitation/css/beijing.css?ver=2">
<style>
/* the invitation */
*{
    margin:0;
    padding:0;
}
html{
    height:100%;
}
body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    height:100%;
}
.swiper-slide{
    background: #e7e9f1;
}
.swiper-container {
    min-width: 320px;
    max-width: 760px;
    height: 568px;
    color: #fff;
    text-align: center;
    height:100%;
}
.red-slide {
    background: #fff;
    position: relative;
}
.blue-slide {
    background: #333;
}
.blues-slide {
    background: #e1e4eb;
}
.orange-slide {
  background: #e7e9f1;
  position: relative;
}
.green-slide {
    background: #49a430;
}
.pink-slide {
    background: #333;
    position: relative;
}
.swiper-slide .title {
    font-style: italic;
    font-size: 42px;
    margin-top: 80px;
    margin-bottom: 0;
    line-height: 45px;
}
.one-slide{
    position: relative;
}
.pps {
    font-size: 14px;
    color:#fff;
    position: absolute;
    top:36%;
    left: 45%;
    opacity:0;
    -webkit-animation: pss 3s linear;
}
.spans {
    position:absolute;
    top: 20%;
    left: 32%;
    font-size: 14px;
    opacity:0;
    -webkit-animation: spans 2s linear;
    -webkit-animation-delay: 3s;
    -webkit-animation-fill-mode:forwards;
}
/*.pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    top: 10px;
}*/
.swiper-pagination-switch {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 0px 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
@-webkit-keyframes pss {
    from {
    opacity:1;
    }
    to {
    opacity: 0;
    }
}
@-webkit-keyframes spans{
    from{
    opacity:0;
    }
    to{
    opacity: 1;
    }
}
.bg41{
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bg51{
    width: 100%;
    height: 100%;
}
.bg42{
    width: 1%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 3;
}
.bg42_1{
    width: 30%;
    position: absolute;
    z-index: 3;
    -webkit-animation: bg42_1 300ms linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes bg42_1{
    0%{
        width: 0%;
        top:1%;
        left:2%;	
        }
    100%{
        top: 4%;
        left: 34%;
        width:30%;
    }
}
.swiper-slide{
    background: #e7e9f1;
    position: relative;
}
.show{
        display: block;
    }
    
.gray{
    background: none;
}
@media screen and (min-width: 540px) and (max-width: 760px) {

    .pps {
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 48%;
        left: 45%;
        opacity: 0;
        -webkit-animation: pss 3s linear;
    }
    .spans {
        position:absolute;
        top: 30%;
        left: 32%;
        font-size: 28px;
        opacity:0;
        -webkit-animation: spans 2s linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-fill-mode:forwards;
    }

}
</style>
</head>
<body>
  	<div class="swiper-container">
    	<div class="swiper-wrapper">
	    	<div class="bjt swiper-slide blue-slide" style="background:#333;">
				<p class="pps">连接中...</p>
				<span class="spans">来自未来的邀请函</span>
				<div class="quan1"></div>
				<div class="quan2"></div>
				<div class="quan3"></div>
				<img class="quan4" src="__PUBLIC__/Invitation/images/arrow.png" alt="">
			</div>
	      	<div class="swiper-slide red-slide" style="background:#e4e7f0;">
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	        	<img class="a1" src="__PUBLIC__/Invitation/images/1/1.png" alt="">
	        	<img class="a2" src="__PUBLIC__/Invitation/images/1/2.png" alt="">
	        	<img class="a3" src="__PUBLIC__/Invitation/images/1/3.jpg" alt="">
	        	<img class="a4" src="__PUBLIC__/Invitation/images/1/a4.png" alt="">
	        	<img class="a5" src="__PUBLIC__/Invitation/images/1/5.png" alt="">
	        	<img class="a6" src="__PUBLIC__/Invitation/images/1/6.png" alt="">
	        	<img class="a7" src="__PUBLIC__/Invitation/images/1/6.png" alt="">
	        	<img class="a8" src="__PUBLIC__/Invitation/images/1/8.png" alt="">
	        	<img class="xian2" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian1" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      	</div>
	      	<div class="swiper-slide pink-slide">
	        	<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg22_1" src="__PUBLIC__/Invitation/images/homeas.jpg" alt="">
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	        	<img class="bg23" src="__PUBLIC__/Invitation/images/o1.png" alt="">
	        	<img class="dx1" src="__PUBLIC__/Invitation/images/dx.png" alt="">
	        	<img class="xian2" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian3" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<div class="font2">
	        		<p>China Best Employer Award“中国年度最佳雇主” 由智联招聘联合雇主品牌专业学术机构发起，旨在通过严谨科学的调研和评选，发掘并褒奖创造和拥有杰出雇主品牌的标杆企业，以榜样力量推动中国企业制定并实施雇主品牌战略，助力企业更好的应对人力资源市场的变化；同时为普通求职者树立一种可量化的评价标准，帮助他们找到“最佳雇主”。
	        		</p>
	        	</div>
	      	</div>
	      	<div class="swiper-slide one-slide" style="position:relative;">
	        	<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	        	<img class="bg32" src="__PUBLIC__/Invitation/images/02/guzu1.png" alt="">
	        	<img class="bg33" src="__PUBLIC__/Invitation/images/02/guzu2.png" alt="">
	        	<img class="bg34" src="__PUBLIC__/Invitation/images/02/guzu3.png" alt="">
	        	<img class="bg35" src="__PUBLIC__/Invitation/images/02/guzu5.png" alt="">
	        	<img class="bg36" src="__PUBLIC__/Invitation/images/02/guzu4.png" alt="">
	        	<img class="bg37" src="__PUBLIC__/Invitation/images/02/guzu6.png" alt="">
	        	<img class="bg38" src="__PUBLIC__/Invitation/images/02/guzu7.png" alt="">
	        	<img class="bg39" src="__PUBLIC__/Invitation/images/02/02.png" alt="">
	        	<p class="ppo">  评选建立了包含6大项一级指标和18小项二级指标的综合指标体系，以更明确的标准刻画“最佳雇主”应具备的特征。</p>
	        	<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian32" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian33" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      	</div>
	      	<div class="swiper-slide orange-slide">
	      		<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	      		<img class="bg42" src="__PUBLIC__/Invitation/images/03.png" alt="">
	      		<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      		<img class="xian32" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian33" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<iframe class="iframea" src="__URL__/left.html" scrolling="no" class="demo-iframe" frameborder="0"></iframe>
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	      	</div>
	      	<div class="swiper-slide orange-slide">
	      		<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      		<img class="xian32" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian33" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg52" src="__PUBLIC__/Invitation/images/04/04.png" alt="">
	        	<img class="bg53" src="__PUBLIC__/Invitation/images/04/041.png" alt="">
	        	<strong class="bg54">2014年8月1日——9月12日</strong>
	        	<img class="bg55" src="__PUBLIC__/Invitation/images/04/042.png" alt="">
	        	<div class="bg56">
	        		<dl style="margin-top: 3%;line-height: 18px;">
	        			<dt>联合主办：</dt>
	        			<dd style="margin-left:24%;margin-top: -5%;">北京大学企业社会责任与雇主品牌传播研究中心智联招聘</dd>
	        		</dl>
	        		<dl>
	        			<dt>学术支持机构：</dt>
	        			<dd style="margin-left:36%;margin-top: -7%;">北京大学社会调查研究中心</dd>
	        		</dl>
	        		<dl>
	        			<dt>战略合作媒体：</dt>
	        			<dd style="margin-left:36%;margin-top: -7%;">《财经》、《哈弗商业评论》</dd>
	        		</dl>
	        		<dl>
	        			<dt>合作支持媒体：</dt>
	        			<dd style="margin-left:36%;margin-top: -7%;">《华尔街日报（中文版）》</dd>
	        		</dl>
	        		<dl>
	        			<dt>专业支持媒体：</dt>
	        			<dd style="margin-left:36%;margin-top: -7%;">《CHO首席人才官》</dd>
	        		</dl>
	        	</div>
	        	<img class="bg57" src="__PUBLIC__/Invitation/images/04/043.png" alt="">
	        	<div class="bg58">
	        		<p>企业持续稳定经营3年以上</p>
	        		<p>企业在2014年度无重大劳动安全事故</p>
	        		<p>企业早2014年度无重大劳动纠纷</p>
	        	</div>
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	      	</div>
	      	<div class="swiper-slide orange-slide">
	      		<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg61" src="__PUBLIC__/Invitation/images/05/05.png" alt="">
	        	<img class="bg62" src="__PUBLIC__/Invitation/images/05/051.png" alt="">
	        	<img class="bg63" src="__PUBLIC__/Invitation/images/05/052.png" alt="">
	        	<img class="bg64" src="__PUBLIC__/Invitation/images/05/053.png" alt="">
	        	<img class="bg65" src="__PUBLIC__/Invitation/images/05/054.png" alt="">
	        	<img class="bg66" src="__PUBLIC__/Invitation/images/05/051.png" alt="">
	        	<img class="bg67" src="__PUBLIC__/Invitation/images/05/055.png" alt="">
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	        	<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      		<img class="xian32" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian33" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      	</div>
	      	<div class="swiper-slide orange-slide">
	        	<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg70" src="__PUBLIC__/Invitation/images/6/06.png" alt="">
	        	<div id="bg71" class="bg71">活动承诺</div>
	        	<div id="bg72">企业回报</div>
	        	<div id="bg73">企业义务</div>
	        	<img class="bg74" src="__PUBLIC__/Invitation/images/6/66.png" alt="">
	        	<img class="bg75" src="__PUBLIC__/Invitation/images/6/67.png" alt="">
	        	<img class="bg76" src="__PUBLIC__/Invitation/images/6/68.png" alt="">
	        	<img class="bg2_1" src="__PUBLIC__/Invitation/images/arrow2.png" alt="">
	        	<ul id="bg77" class="bg77">
	        		<li>调查活动为公益性、学术性活动，不向企业收取或变相收取任何费用</li>
	        		<li>调查由专业学术机构和专家评审团全程监督，任何机构与个人不得以任何方式干扰活动的科学性与中立性</li>
					<li>调查不涉及任何企业内部经营信息，研究领域仅限于雇主品牌</li>
					<li>调查所涉单独企业相关数据都将严格保密</li>
					<li>企业内部调查数据形成的企业调研报告仅提供给被调查企业（仅限于30强提名雇主），任何其他机构、企业和个人无法获取此数据</li>
	        	</ul>
	        	<ul id="bg78" class="bg78">
	        		<li>所有报名企业都将获得2014中国年度最佳雇主总报告</li>
	        		<li>本届活动30强雇主都将获得企业内部员工调查专属报告</li>
					<li>本届活动官网将设立百强专区，为百强提名雇主提供品牌传播平台</li>
					<li>本届活动全国奖项及各单项奖获奖雇主将受邀出席年度颁奖盛典及主题论坛</li>
					<li>本届活动组委会将安排媒体对获奖雇主进行报道</li>
					<li>本届活动所有获奖雇主在智联招聘网络平台上将拥有“最佳雇主”专属识别图标</li>
	        	</ul>
	        	<ul id="bg79" class="bg79">
	        		<li>如实、按时、完整填写及提交参赛必填的人力资源管理问卷</li>
	        		<li>提报最具社会责任雇主和最佳中小企业雇主的企业应按要求完整提交申报材料</li>
					<li>30强提名雇主必须接受企业员工内部调查，否则视为弃权</li>
					<li>30强提名雇主需配合调研组完成人力资源管理高层访谈工作</li>
					<li>百强提名雇主可提交本企业LOGO（制作文件）及企业最新宣传视频，用于推广传播</li>
					<li> 各奖项提名雇主企业应积极配合用于颁奖典礼及传播的相关视频拍摄及采访</li>
					<li>全国奖项获奖雇主，应积极配合提交企业宣传素材（如企业介绍、宣传视频等）</li>
					<li> 全国奖项获奖雇主，应安排人力资源体系领导或更高级别领导出席颁奖典礼</li>
	        	</ul>
	        	<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      		<img class="xian32" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	        	<img class="xian33" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      	</div>
	      	<div class="swiper-slide orange-slide">
	      		<img class="xian31" src="__PUBLIC__/Invitation/images/xian.png" alt="">
	      		<img class="bg21_1" src="__PUBLIC__/Invitation/images/homs_bg2.jpg" alt="">
	        	<img class="bg80" src="__PUBLIC__/Invitation/images/7/07.png" alt="">
	        	<img class="bg81" src="__PUBLIC__/Invitation/images/7/072.png" alt="">
	        	<a href="javascript:void(0)" onClick="ShowWeiXinShareTips('.swiper-container')"><img class="bg82" src="__PUBLIC__/Invitation/images/7/074.png" alt=""></a>
	        	<a href="http://mp.weixin.qq.com/s?__biz=MjM5OTU1MzY1Mg==&mid=200347304&idx=1&sn=108adeac5722d494d8ad62530018d13b#rd"><img class="bg83" src="__PUBLIC__/Invitation/images/7/073.png" alt=""></a>
	        	<h2>最佳雇主评选</h2>
	        	<div class="names">
	        		<img src="__PUBLIC__/Invitation/images/7/075.png" alt="">
	        		<input type="text" name="audience_name" placeholder="姓名" value="" onClick="this.focus()" />
	        	</div>
	        	<div class="phones">
	        		<img src="__PUBLIC__/Invitation/images/7/076.png" alt="">
	        		<input type="text" name="audience_tel" placeholder="手机" value="" value="" onClick="this.focus()" />
	        	</div>
	        	<form class="inp">
	        		<h4>参加投票好礼相赠，请填写三个您喜欢的公司名称</h4>
	        		<input type="text" placeholder="公司名称1" name="votes1" value="" value="" onClick="this.focus()" />
	        		<input type="text" placeholder="公司名称2" name="votes2" value="" value="" onClick="this.focus()" />
	        		<input type="text" placeholder="公司名称3" name="votes3" value="" value="" onClick="this.focus()" />
	        		<div class="tij" onClick="votes_submit()">提&nbsp;&nbsp;&nbsp;交</div>
	        	</form>
	        	<div class="bot">
	        		<img src="__PUBLIC__/Invitation/images/7/077.png" alt="">
	        		<p style="margin: 2% 0 0 22%;">全国统一咨询热线：400-885-9898 按3</p>
	        		<p style="margin-left:22%;">全国统一咨询邮箱：nianduguzhu@zhaopin.com.cn</p>
	        		<p style="margin-left:22%;">官方网站暨PC端报名：<span style="color:#0b7baf;">best.zhaopin.com</span></p>
	        		<p style="margin:2% 0 0 6%;">开发设计：北京奇步互动技术有限公司 <span style="color:#0b7baf;">www.qeebu.com</span></p>
	        	</div>
	      	</div>
	    </div> 
    	<div class="pagination"></div>
  	</div>
</body>
<script src="__PUBLIC__/Invitation/js/jquery-1.10.1.min.js"></script>
<script src="__PUBLIC__/Invitation/js/idangerous.swiper-2.1.min.js"></script>
<script src="__PUBLIC__/Invitation/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/Js/controler.js"></script>
<script>
$(document).ready(function(){
	var current_page = 0;
	var mySwiper = new Swiper('.swiper-container',{
		pagination: '.pagination',
		paginationClickable: true,
		mode: 'vertical',
		onSlideChangeStart:function(){
			if(current_page==0){
				$(".a1").attr("class","a11");
				$(".a2").attr("class","a21");
				$(".a3").attr("class","a31");
				$(".a4").attr("class","a41");
				$(".a5").attr("class","a51");
				$(".a6").attr("class","a61");
				$(".a7").attr("class","a71");
				$(".a8").attr("class","a81");
			}else if(current_page == 1){

				$(".bg22_1").attr("class","bg22_2");
				$(".bg2_1").attr("class","bg2_11");
				$(".bg23").attr("class","bg23_1");
				$(".font2").attr("class","font2_1");
			}else if(current_page == 2){
				$(".bg2_1").attr("class","bg2_11");
				$(".bg32").attr("class","bg32_1");
				$(".bg33").attr("class","bg33_1");
				$(".bg34").attr("class","bg34_1");
				$(".bg35").attr("class","bg35_1");
				$(".bg36").attr("class","bg36_1");
				$(".bg37").attr("class","bg37_1");
				$(".bg38").attr("class","bg38_1");
				$(".bg39").attr("class","bg39_1");
				$(".ppo").attr("class","ppo_1");
			}else if(current_page == 3){
				$(".bg42").attr("class","bg42_1");
				$(".bg2_1").attr("class","bg2_11");
				$(".iframea").attr("class","iframeb");
			}else if(current_page == 4){
				$(".bg52").attr("class","bg52_1");
				$(".bg53").attr("class","bg53_1");
				$(".bg54").attr("class","bg54_1");
				$(".bg55").attr("class","bg55_1");
				$(".bg56").attr("class","bg56_1");
				$(".bg57").attr("class","bg57_1");
				$(".bg58").attr("class","bg58_1");
				$(".bg59").attr("class","bg59_1");
			}else if(current_page == 5){
				$(".bg61").attr("class","bg61_1");
				$(".bg62").attr("class","bg62_1");
				$(".bg63").attr("class","bg63_1");
				$(".bg64").attr("class","bg64_1");
				$(".bg65").attr("class","bg65_1");
				$(".bg66").attr("class","bg66_1");
				$(".bg67").attr("class","bg67_1");
			}else if(current_page == 6){
				$(".bg70").attr("class","bg70_1");
				$("#bg71").attr("class","bg71_1");
				$("#bg72").attr("class","bg72_1");
				$("#bg73").attr("class","bg73_1");
				$(".bg74").attr("class","bg74_1");
				$(".bg76").attr("class","bg76_1");
			}else if(current_page == 7){
				$(".bg80").attr("class","bg80_1");
				$(".bg81").attr("class","bg81_1");
				$(".bg82").attr("class","bg82_1");
				$(".bg83").attr("class","bg83_1");
			}
			current_page++;
		}
	});
	$("#bg71").click(function(){
		$("#bg77").css("display","block");
		$("#bg78").css("display","none");
		$("#bg79").css("display","none");
	});
	$("#bg72").click(function(){
		$("#bg77").css("display","none");
		$("#bg78").css("display","block");
		$("#bg79").css("display","none");
	});
	$("#bg73").click(function(){
		$("#bg77").css("display","none");
		$("#bg78").css("display","none");
		$("#bg79").css("display","block");
	});
});

$("#bg71").click(function(){
  $("#bg77").css("display","block");
  $("#bg78").css("display","none");
  $("#bg79").css("display","none");
  $("#bg72").css("color","#b9cbe1");
  $("#bg72").css("border","none");
  $("#bg71").css("color","#fff");
  $("#bg71").css("border","3px solid #a3cbcd");
  $("#bg73").css("color","#b9cbe1");
  $("#bg73").css("border","none");
 });
 $("#bg72").click(function(){
  $("#bg77").css("display","none");
  $("#bg78").css("display","block");
  $("#bg79").css("display","none");
  $("#bg71").css("color","#b9cbe1");
  $("#bg71").css("border","none");
  $("#bg72").css("color","#fff");
  $("#bg72").css("border","3px solid #a3cbcd");
  $("#bg73").css("color","#b9cbe1");
  $("#bg73").css("border","none");
 });
 $("#bg73").click(function(){
  $("#bg77").css("display","none");
  $("#bg78").css("display","none");
  $("#bg79").css("display","block");
  $("#bg72").css("color","#b9cbe1");
  $("#bg72").css("border","none");
  $("#bg71").css({"color":"#b9cbe1","border":"none"});
  $("#bg73").css({
   "border":"3px solid #a3cbcd",
   "color":"#fff"});
 });

function ShowWeiXinShareTips(page) {
	var div = '<div id="WeiXinShareTips" onclick="javascript:this.remove()" style="position: absolute;z-index: 1000;left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(100, 100, 100, .8);position: fixed; right:0"><img src="http://www.subaoming.cn/xiaoju/Public/Images/9.png" style="float:right" width="165"/></div>';
	$(page).append(div);
}
document.addEventListener("WeixinJSBridgeReady",function() {
	WeixinJSBridge.call("hideToolbar");
});
var herf=document.location.href;
var dataForWeixin = {
    appId: "",
    MsgImg:"http://www.subaoming.cn/zhilian/Public/weixin/images/zjgzfx_03.jpg",
    TLImg: "http://www.subaoming.cn/zhilian/Public/weixin/images/zjgzfx_03.jpg",
    url: herf,
    title: "微信在线报名，快来试试！",
    desc: "China Best Employer Award 中国年度最佳雇主报名启动",
    fakeid: "",
    callback: function() {
		
	}
}; 
(function() {
    var onBridgeReady = function() {
        WeixinJSBridge.on('menu:share:appmessage',
        function(argv) {
            WeixinJSBridge.invoke('sendAppMessage', {
                "appid": dataForWeixin.appId,
                "img_url": dataForWeixin.MsgImg,
                "img_width": "120",
                "img_height": "120",
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            },
            function(res) { (dataForWeixin.callback)()
            })
        });
        WeixinJSBridge.on('menu:share:timeline',
        function(argv) { (dataForWeixin.callback)();
            WeixinJSBridge.invoke('shareTimeline', {
                "img_url": dataForWeixin.TLImg,
                "img_width": "120",
                "img_height": "120",
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            },
            function(res) {})
        });
        WeixinJSBridge.on('menu:share:weibo',
        function(argv) {
            WeixinJSBridge.invoke('shareWeibo', {
                "content": dataForWeixin.title,
                "url": dataForWeixin.url
            },
            function(res) { (dataForWeixin.callback)()
            })
        });
        WeixinJSBridge.on('menu:share:facebook',
        function(argv) { (dataForWeixin.callback)();
            WeixinJSBridge.invoke('shareFB', {
                "img_url": dataForWeixin.TLImg,
                "img_width": "120",
                "img_height": "120",
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            },
            function(res) {})
        })
    };
    if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false)
    } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady)
    }
})();
</script>
</html>